<template>
  <div class="main-content">
    <div class="statistics-content">
      <StatisticsCard :num="cardNum" />
    </div>
    <div class="chart-content">
      <LineChart />
    </div>
    <div class="table-content">
      <Table />
      <Check />
      <Check />
    </div>
  </div>
  <Setting />
</template>
<script setup lang="ts">
import { reactive } from "vue";
import StatisticsCard from "./components/StatisticsCard.vue";
import Setting from "./components/Setting.vue";
import LineChart from "./components/LineChart.vue";
import Table from "./components/table.vue";
import Check from "./components/check.vue";

const cardNum = reactive({
  user: "123",
  mess: "14",
  mone: "1520",
  shop: "33",
});
</script>

<style scoped lang="scss">
@import "./index.scss";
</style>
